<!--
/**
* Author: KSJ
* Date: 2022-07-27 14:15
* Desc: 城市选择
*/
-->
<template>
  <view class="pr30 pl30 pt30 pb25 city-choose">
    <view class="fs26 fc-white mb18">当前选择城市</view>
    <view class="flex flex-m">
      <view class="fs34 fb fc-white">{{ city }}</view>
      <view
        v-if="isSign"
        class="choose-btn flex flex-c-m"
        @click="handleChooseCIty"
        >更换城市</view
      >
    </view>
  </view>
</template>

<script>
  export default {
    name: '',
    props: {
      city: {
        type: String
      }
    },
    computed: {
      isSign() {
        return this.$auth.getSingleModel()
      }
    },
    data() {
      return {}
    },
    methods: {
      handleChooseCIty() {
        this.$tools.navigateTo('/subPages/choiceAreaPage/index')
      }
    }
  }
</script>
<style lang="scss" scoped>
  .city-choose {
    height: 160rpx;
    box-sizing: border-box;
  }
  .choose-btn {
    color: #fff;
    border: solid 1rpx #fff;
    border-radius: 24rpx;
    height: 48rpx;
    width: 130rpx;
    font-size: 24rpx;
    box-sizing: border-box;
    margin-left: auto;
  }
  .mb18 {
    margin-bottom: 18rpx;
  }
</style>
